<script setup>


</script>

<template>
<view class="contain">
  <view class="findcontain">
    <image src="/static/image/3.4.png" class="find"></image>
    <input type="text"  class="input1" placeholder="请输入中学名次或队长姓名关键词查询" >
  </view>
  <view>
    <button class="button">转让队长</button>
  </view>
  <view class="ziticontain">
    <text class="ziti1">转让说明</text>
    <br>
    <text class="ziti2">• 每个队伍只有1个队长，有且仅有1个人。<br>
      • 可转让本队成员。或非入队学生。</text>
  </view>
</view>
</template>

<style scoped>
.contain{
  width: 100%;
  height: 100%;
}
.find{
  width: 16px;
  height: 16px;
  margin-right: 8px;
}
.input1{
  flex: 1;
  border: none;
  outline: none;
  background-color: transparent;
}
.findcontain{
  display: flex;
  align-items: center;
  background-color: #f5f5f5;
  border-radius: 5px;
  padding: 8px 10px;
  margin-bottom: 15px;
}
.button{
  background-color: #2196F3;
  color: #FFFFFF;
  width: 90%;

  height: 50px;
  border-radius: 5px;
  padding: 5px 20px;
  font-weight: 400;
  font-size: 15px;
}
.ziti2{
  width: 224px;
  height: 42px;

  font-weight: 400;
  font-size: 12px;
  color: #999DA3;
  line-height: 21px;

}
.ziti1{
  width: 48px;
  height: 17px;

  font-weight: 500;
  font-size: 12px;
  color: #212121;

}

</style>